	jQuery.noConflict();
	
		// Global var
		wallStatut = '1';
		
		jQuery(document).ready(function() 
		{		
			// IMAGE PRELOADER
			jQuery('.preload').imgpreload(
			{
				each: function()
				{
					if( jQuery(this).data('loaded'))
					{
						jQuery(this).fadeIn();
					}
				},
				all: function()
				{
					// alert('all images are loaded');
				}
			});
			
			// PORTFOLIO -> WALL ANIMATION
			function autoWallAnimation()
			{	
				jQuery.doTimeout(1000,function() 
				{ 
					var randomNbr = Math.floor(Math.random()*8);
					var item = jQuery('.portfolio-link').eq(randomNbr);
					var img = jQuery(item).find('img');
						
					// Check statut before animate
					if(wallStatut == '1')
					{
						if(jQuery(item).is('.vert'))
						{
							jQuery(img).animate(
							{
								marginLeft:'-=80'
							}, 3500).animate(
							{
								marginLeft: 0
							}, 2500);
						}
						else
						{
							jQuery(img).animate(
							{
								marginTop:'-=80'
							}, 3500).animate(
							{
								marginTop:0
							}, 3500);
						}
					}
					
					return true;
				});
			}
			
			// Start the wall animation on page load
			autoWallAnimation();
			
			// PORTFOLIO-> NAVIGATION
			jQuery('.portfolio-link').click(function(event)
			{
				// Disable default actions
				event.preventDefault();
				
				// Stop wall animations
				wallStatut = '0';
				
				// Pick the href value
				var href = jQuery(this).children('a').attr('href');
				// Hide other portfolio
				jQuery('.portfolio-item').hide();
				// Show the portfolio
				jQuery(href).fadeIn();
				
				var checkClass = jQuery('#portfolio-wrapper').attr('class');
				
				if(checkClass != 'active')
				{
					// Add the class if there is not
					jQuery('#portfolio-wrapper').addClass('active');
					// Scroll to the portfolio container
					jQuery('#portfolio-wrapper').animate({marginLeft: 0}, 500);
					// Show portfolio
					jQuery('#portfolio-content').css('opacity', '1');
					// Hide thumbnail wall
					jQuery('#portfolio-list').animate({opacity : 0},500);
					// Show the slide back button
					jQuery('#back-button').fadeIn(500);
				}
			});
			
			// PORTFOLIO - BACK BUTTON
			jQuery('#back-button').click(function(event)
			{
				// Disable default actions
				event.preventDefault();
				// Remove the class
				jQuery('#portfolio-wrapper').removeClass('active');
				jQuery(this).fadeOut(500);
				// Hide portfolio 
				jQuery('#portfolio-content').css('opacity', '0');
				// Scroll to the portfolio container
				jQuery('#portfolio-wrapper').animate({marginLeft: -330}, 500);
				// Show thumbnail wall
				jQuery('#portfolio-list').animate({opacity : 1},500);
				
				// Restart wall animations
				wallStatut = '1';
			});
			
			// MAIN MENU
			jQuery('#table-menu li').click(function()
			{
				// Pick the id
				var href = jQuery(this).find('a').attr('href');
				// Find the index number
				var tidx = jQuery(href).index();
				// Define the total of the wrapper
				var rel = 265 * tidx;
				// Remove the old "current" class
				jQuery('#table-menu li').removeClass('current');
				// Add the new "current" class
				jQuery(this).addClass('current');
				
				if(jQuery('#portfolio-wrapper').hasClass('active'))
				{
					// Restart wall animation
					wallStatut = '1';
					//	Hide the button
					jQuery('#back-button').fadeOut(500);
					// Remove the class
					jQuery('#portfolio-wrapper').removeClass('active');
					// Hide portfolio 
					jQuery('#portfolio-content').css('opacity', '0');
					// Scroll to the portfolio container
					jQuery('#portfolio-wrapper').animate({marginLeft: -330}, 500);
					// Show thumbnail wall
					jQuery('#portfolio-list').animate({opacity : 1},500);
				}
				
				// Scroll to the container
				jQuery('#table-content').animate({marginTop: - rel}, 500);
				// Show targeted
				jQuery(href).css('opacity', '0').animate({opacity: 1}, 500);
				// Hide portfolio when needed
				if(jQuery(href).hasClass('pages')){jQuery('#portfolio-wrapper').fadeOut(500);}else{jQuery('#portfolio-wrapper').fadeIn(1000);}
			});
			
			// Disable default actions for menu links
			jQuery('#table-menu li a').click(function(event){event.preventDefault();});
			
			// SLIDER
			function slider()
			{
				// Set multiple slides individually
				jQuery('.slider').each(function()
				{
					var slider      = jQuery(this);
					var overview    = jQuery(this).find('.overview');
					var viewport    = jQuery(this).find('.viewport');
					var cntSlides   = jQuery(overview).find('.slide').size();
					var datawidth   = jQuery(slider).find('.overview').css('width');
					var dataheight	= jQuery(this).attr('dataheight');
					var slide       = 0;
					
					// Get width & height value
					datawidth       = datawidth.replace('px', '');
					
					
					// Calculate total slide width
					jQuery(overview).find('li').each(function(){slide = slide + jQuery(this).outerWidth(true);});
					// Set calculated wrapper size
					jQuery(overview).css('width', slide);
					
					// Linked navigation
					jQuery(slider).find('.nav li').click(function()
					{
						// Disable default actions
						event.preventDefault();
						
						// Get position
						var index = jQuery(this).index();
						// Calculate 
						var target = index * datawidth;
						
						// Set the current position
						jQuery(slider).find('.nav li').removeClass('current');
						jQuery(this).addClass('current');
						
						// Define the active slide
						jQuery(slider).find('.slide').removeClass('active');
						jQuery(slider).find('.slide').eq(index).addClass('active');
						
						// Animate the wrapper
						jQuery(overview).animate({marginLeft: '-' + target + 'px'}, 500);
					});
					
					// Previous & Next navigation
					jQuery(slider).find('.button.prev, .button.next').click(function(event)
					{
						// Disable default actions
						event.preventDefault();
						
						// Get slider's current position
						var index = jQuery(slider).find('.slide.active').index();
						
						if(index + 1 == cntSlides){ index = 0; }else{ index = index + 1; }
						
						// Define the active slide
						jQuery(slider).find('.slide').removeClass('active');
						jQuery(slider).find('.slide').eq(index).addClass('active');
						
						// Navigation control
						jQuery(slider).find('.nav li').removeClass('current');
						jQuery(slider).find('.nav li').eq(index).addClass('current');
					});
					
					// Next slide
					jQuery(slider).find('.next').click(function(event)
					{
						// Disable default actions
						event.preventDefault();
						// Calculate max width
						var width = '-' + ((cntSlides-1)  * datawidth)  +'px';
						// Get current margin
						var margin = jQuery(overview).css('margin-left');
						// Check conditions
						if (( margin == '0px') || (margin < width))
						{
							// Animate the wrapper
							jQuery(overview).animate({marginLeft: '-='+ datawidth +'px'}, 500);
						}
						else
						{
							// Animate the wrapper
							jQuery(overview).animate({marginLeft: '0px'}, 500);
						}
					});
					// Previous slide
					jQuery(slider).find('.prev').click(function(event)
					{
						// Disable default actions
						event.preventDefault()
						// Check condition;
						if (jQuery(overview).css('margin-left') < '0px' )
						{
							// Animate the wrapper
							jQuery(overview).animate({marginLeft: '+='+ datawidth +'px'}, 500);
						}
						else
						{
							var width = '-' + ((cntSlides-1)  * datawidth)  +'px';
							
							// Animate the wrapper
							jQuery(overview).animate({marginLeft: width}, 500);
						}
					});
					
				});
			}
			
			// Initialize sliders
			slider();

			// SCROLLBAR
			jQuery('.scroll').tinyscrollbar({ axis: 'y'});
			
			// LIGHTBOX
			jQuery('.lightbox').zoombox();
			
			// TWITTER
			jQuery('.tweets').each(function()
			{
				var user = jQuery(this).data('user');
				jQuery(this).tweetable({username: user, time: true, limit: 1, replies: true, position: 'append'});
			});
			
			// CONTACT - SUBMIT BUTTON
			jQuery('#table-menu li a').click(function()
			{
				if(jQuery(this).attr('href') == '#contact')
				{
					jQuery('#send-email').fadeIn(500);
				}
				else
				{
					jQuery('#send-email').fadeOut();
				}
			});
			
			// CONTACT -> FORM
			jQuery('#submit').live('click', function(event)
			{	
				// Disable default actions
				event.preventDefault();
				
				// Serialize the form fields
				var formValues = jQuery('#contact-form').serialize();
				
				// Check before if there is empty fields
				if((jQuery('#contact-form input:text[value=""]').size() > 0) || (jQuery('#contact-form textarea').attr('value') == false))
				{
					// Add class to empty fields
					if(jQuery('#contact-form input:text[value=""]').addClass('empty'))
					{
						emptyField('#contact-form input:text[value=""]');
					}
					
					if(jQuery('#contact-form textarea').attr('value') == false)
					{	
						jQuery('#contact-form textarea').addClass('empty');
						emptyField('#contact-form textarea');
					}
				}
				else
				{
					// Show the loader
					jQuery('#email-loading').fadeIn();
				
					// Submit the request
					jQuery.post('./mail.php?request=email&' + formValues, function(response)
					{
						// Show the result
						alert(response);
						
						// Hide the loader
						jQuery('#email-loading').fadeOut();
					});
				}
				
				return false;
			});
			
			// CONTACT -> GOOGLE MAP	
			jQuery('.map').each(function()
			{
				// Get the adress
				address = jQuery(this).data('address');
				// Load the map
				jQuery(this).gMap({ address: address , zoom:10, markers: [{ 'address' : address }] }); 
			});
			
			// CONTACT -> EMPTY FIELD
			function emptyField(field)
			{
				setTimeout(function(fields)
				{
					jQuery(field).removeClass();
				},5000);
			}
		});